<template>
  <div class="tree">
      
    <ul>
      <li>
          {{index}}  
      </li>
    </ul>
  </div>
</template>
<script>

export default {
 
  props: ["index"],
  data() {
    return {
      indexs:this.index
    };
  },
  created(){
    
  },
  methods:{
    
  }

};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import '../assets/scss/utiles.scss';
    .tree{
      width:100%;
      ul{
         height: 100%;
         width:100%;
         @include flex;
         white-space: nowrap;
         overflow: auto;
         li{
           padding:5px;
           margin-right:10px;
           background: khaki;
         }
      }
    }
</style>